<!DOCTYPE html>
<html lang="en">
<head>
	<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
	<meta charset="UTF-8">
	<title>Repute</title>
	<link rel="stylesheet" href="https://cdn.bootcss.com/twitter-bootstrap/4.3.1/css/bootstrap.min.css">
	<link rel="stylesheet" href="style.css">
</head>
<body>
   <nav class="navbar navbar-expand-lg navbar-light df">
       <div class="container">
       	<img class="navbar-brand" src="img/logo.png" alt="">
        <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
            <span class="navbar-toggler-icon"></span>
        </button>
        <div class="collapse navbar-collapse" style="flex-grow: 0;" id="navbarSupportedContent">
            <ul class="navbar-nav mr-auto">
                <li class="nav-item active">
        <a class="nav-link dropdown-toggle" href="#" id="navbarDropdownMenuLink" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
         HOME
        </a>
      </li>
      <li class="nav-item">
        <a class="nav-link dropdown-toggle" href="#" id="navbarDropdownMenuLink" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
          FEATURES
        </a>
      </li>
      <li class="nav-item">
       <a class="nav-link dropdown-toggle" href="#" id="navbarDropdownMenuLink" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
          PAGES
        </a>
      </li>
      <li class="nav-item dropdown">
        <a class="nav-link dropdown-toggle" href="#" id="navbarDropdownMenuLink" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
          PORTFOLIO
        </a>
      </li>
      <li class="nav-item dropdown">
        <a class="nav-link dropdown-toggle" href="#" id="navbarDropdownMenuLink" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
          BLOG
        </a>
      </li>
      <li class="nav-item  dropdown">
        <a class="nav-link qw">
          <img src="img/huojian.png" alt="">   UPGRADE TO PRO
        </a>
      </li>
            </ul>
        </div>
       </div>
   </nav>

<div id="carouselExampleIndicators" class="carousel slide" data-ride="carousel">
         <ol class="carousel-indicators lunbo">
            <li data-target="#carouselExampleIndicators" data-slide-to="0" class="active"></li>
            <li data-target="#carouselExampleIndicators" data-slide-to="1"></li>
            <li data-target="#carouselExampleIndicators" data-slide-to="2"></li>
            <li data-target="#carouselExampleIndicators" data-slide-to="3"></li>
         </ol>
         <div class="carousel-inner">
            <div class="carousel-item active">
                <a href=""><img src="img/banner.jpg" class="d-block w-100" alt="..."></a>
            </div>
            <div class="carousel-item">
                <a href=""><img src="img/banner.jpg" class="d-block w-100" alt="..."></a>
            </div>
            <div class="carousel-item">
                <a href=""><img src="img/banner.jpg" class="d-block w-100" alt="..."></a>
            </div>
            <div class="carousel-item">
                <a href=""><img src="img/banner.jpg" class="d-block w-100" alt="..."></a>
            </div>
          </div>
           <a class="carousel-control-prev" href="#carouselExampleIndicators" role="button" data-slide="prev">
            <span class="carousel-control-prev-icon" aria-hidden="true"></span>
            <span class="sr-only">Previous</span>
           </a>
          <a class="carousel-control-next" href="#carouselExampleIndicators" role="button" data-slide="next">
            <span class="carousel-control-next-icon" aria-hidden="true"></span>
            <span class="sr-only">Next</span>
           </a>
          </div>














  <!--  <div id="carouselExampleIndicators" class="carousel slide" data-ride="carousel">
  <ol class="carousel-indicators">
    <li data-target="#carouselExampleIndicators" data-slide-to="0" class="active"></li>
    <li data-target="#carouselExampleIndicators" data-slide-to="1"></li>
    <li data-target="#carouselExampleIndicators" data-slide-to="2"></li>
  </ol>
  <div class="carousel-inner">
    <div class="carousel-item active">
      <img src="img/banner.jpg" class="d-block w-100" alt="...">
    </div>
    <div class="carousel-item">
      <img src="img/banner.jpg" class="d-block w-100" alt="...">
    </div>
    <div class="carousel-item">
      <img src="img/banner.jpg" class="d-block w-100" alt="...">
    </div>
  </div>
  <a class="carousel-control-prev" href="#carouselExampleIndicators" role="button" data-slide="prev">
    <span class="carousel-control-prev-icon" aria-hidden="true"></span>
    <span class="sr-only">Previous</span>
  </a>
  <a class="carousel-control-next" href="#carouselExampleIndicators" role="button" data-slide="next">
    <span class="carousel-control-next-icon" aria-hidden="true"></span>
    <span class="sr-only">Next</span>
  </a>
</div> -->






















<main>
	<div class="qwe">
        <div class="container ">
  	          <div class="row main">
                  <div class="col-md-3 main-1">
                      <img src="img/main-1.png" alt="">
                      <p>STRONG STRUCTURE</p>
                  </div>
                <div class="col-md-3 main-1">
                  <img src="img/main-2.png" alt="">
               <p>STRONG STRUCTURE</p>
              </div>
              <div class="col-md-3 main-1">
                  <img src="img/main-3.png" alt="">
                  <p>STRONG STRUCTURE</p>
              </div>
              <div class="col-md-3 main-1">
                  <img src="img/main-4.png" alt="">
                  <p>STRONG STRUCTURE</p>
              </div>
  	        </div>
        </div>
	</div>
  <div class="container">
      <div class="row main-2">
        <div class="col-md-6">
           <h3>KNOW BETTER</h3>
           <p>......</p>
           <p style="font-size: 16px; margin-bottom: 33px">Synergistically procrastinate one-to-one resulis for <br>accurate platforms.Assertively whiteboard corporate <br>users whereas dynamic initiives.</p>
           <p style="font-size: 9px;">Erergsticoly srchtett leadire sdge users end inexpenotve nternel or "orgaric" sources	<br> Dasonctwely owoivo ebusnass rsources atar pragr ssos intlocual capial. Objctwely<br>erthitect maintairnsble bechnglogies va strategec convergence, Contnualy aptimizc<br>estand-alone axportso with. abusness esonoces Continualy cancogpuaize diont-o<br>enteradoppotumities and.</p>
           <p style="font-size: 9px;">Dynmicaly cutomize boedkwsrd-copotbe processes via front-end modeb, Detnotwely<br>wsoulate an expanded aray af scenarios atar wrtual inormation. Prfassinalypredomingte<br> tehnkally sound resorces through mpactful mindshere eficently drwewralintotaoas without iaspanshwo valu. Crsciby.
           </p>
        </div>
        <div class="col-md-6">
            <img style="width: 100%" src="img/main-1.jpg" alt="">
        </div>
     </div>
  </div>
  <div class="container">
     <div class="row">
        <div class="col-md-6">
           <div class="dv">
               <img src="img/main-5.png" alt="">
               <h3> GOAL ORIENTED</h3>
               <p>Holisticly harness just in time technologies via corporate csenarios.intrinsicly predominate ubiquitous outsourcing through an expanded array of functionalities.</p>
           </div>
        </div>
        <div class="col-md-6">
            <div class="dv">
               <img src="img/main-6.png" alt="">
               <h3> GOAL ORIENTED</h3>
               <p>Holisticly harness just in time technologies via corporate csenarios.intrinsicly predominate ubiquitous outsourcing through an expanded array of functionalities.</p>
           </div>
        </div>
        <div class="col-md-6">
           <div class="dv">
               <img src="img/main-7.png" alt="">
               <h3> GOAL ORIENTED</h3>
               <p>Holisticly harness just in time technologies via corporate csenarios.intrinsicly predominate ubiquitous outsourcing through an expanded array of functionalities.</p>
           </div>
        </div>
        <div class="col-md-6">
           <div class="dv">
               <img src="img/main-8.png" alt="">
               <h3> GOAL ORIENTED</h3>
               <p>Holisticly harness just in time technologies via corporate csenarios.intrinsicly predominate ubiquitous outsourcing through an expanded array of functionalities.</p>
           </div>
        </div>
     </div>
  </div>
  <div class="container">
     <div class="dv1">
         <img style="padding: 70px 40px" src="img/main-2.jpg" alt="">
         <h3>ULTRA RESPONSIVE</h3>
         <p>Phoasfluorescently trvolutionize viral leadership via turnkey technology.Synergistically monetize intermandated<br>strategic theme areas throughmultimedia based.</p>
     </div>
  </div>
  <div class="container boz">
     <div class="qa">
         <p><a href="#">Respansive</a></p>
     <p><a href="#">Easy to Customize</a></p>
     <p><a href="#">Design</a></p>
     <p><a href="#">Free Updates & Support</a></p>
     </div>
  </div>
</main>
<div class="site mb-4">
        <div class="container">
            <div class="row">
                <div class="col-md-12 sk">
                    <h5>RECENT WORKS</h5>
                    <span>......</span>
                    <button style="float: right;">See all works</button>
                </div>
                <div class="col-md-4 mb-1 hk">
                    <a href="">
                        <img src="img/s1.jpg" alt="">
                    </a>
                </div>
                <div class="col-md-4 mb-1 hk">
                    <a href="">
                        <img src="img/s2.jpg" alt="">
                    </a>
                </div>
                <div class="col-md-4 mb-1 hk">
                    <a href="">
                        <img src="img/s3.jpg" alt="">
                    </a>
                </div>
            </div>
        </div>
</div>
    <div class="news">
        <div class="container">
            <div class="row">
                <div class="col-md-12">
                    <h5>RECENT WORKS</h5>
                    <span>......</span>
                </div>
                <div class="col-md-4 sx">
                    <img style="width: 100%;" src="img/s4.jpg" alt="">
                    <h5>In Demand:Collabotation Skill</h5>
                    <p>
                        Proactively engage orthogonal growth strategies without
                        resource-leveling testing procedures. Seamlessly
                        predominate interoperable growth strategies.
                    </p>
                    <p style="float: left;">23-02-2015</p>
                    <span style="float: right;">65 Comments</span>
                </div>
                <div class="col-md-4 ">
                    <div class="row mb_11">
                        <div class="col-md-5">
                            <img src="img/s5.jpg" alt="">
                        </div>
                        <div class="col-md-7 sc">
                            <h6>Growth Strategies We Must K...</h6>
                            <p>
                                Proafctively engage orthogonal
                                growth strategies without resource-
                                leveling testing procedures.
                            </p>
                        </div>
                    </div>
                    <div class="row mb_11">
                        <div class="col-md-5">
                            <img src="img/s5.jpg" alt="">
                        </div>
                        <div class="col-md-7 sc">
                            <h6>Products Research Methodolo...</h6>
                            <p>
                                Proafctively engage orthogonal
                                growth strategies without resource-
                                leveling testing procedures.
                            </p>
                        </div>
                    </div>
                    <div class="row mb_11">
                        <div class="col-md-5">
                            <img src="img/s5.jpg" alt="">
                        </div>
                        <div class="col-md-7 sc">
                            <h6>Professional Leverage</h6>
                            <p>
                                Proafctively engage orthogonal
                                growth strategies without resource-
                                leveling testing procedures.
                            </p>
                        </div>
                    </div>
                </div>
                <div class="col-md-4 ">
                    <div class="row mb_11">
                        <div class="col-md-5">
                            <img src="img/s7.jpg" alt="">
                        </div>
                        <div class="col-md-7 sc">
                            <h6>Alternative E-commerce</h6>
                            <p>
                                Proafctively engage orthogonal
                                growth strategies without resource-
                                leveling testing procedures.
                            </p>
                        </div>
                    </div>
                    <div class="row mb_11">
                        <div class="col-md-5">
                            <img src="img/s8.jpg" alt="">
                        </div>
                        <div class="col-md-7 sc">
                            <h6>Understanding Globally Scale ...</h6>
                            <p>
                                Proafctively engage orthogonal
                                growth strategies without resource-
                                leveling testing procedures.
                            </p>
                        </div>
                    </div>
                    <div class=" mb_11 sz">
                        <a href="">
                            See all news <img src="img/s1.png" alt="">
                        </a>
                    </div>
                </div>
            </div>
        </div>
    </div>
<div class="banner">
        <div class="container">
            <div class="row ty">
                <div class="col-md-3 mt-2">
                    <div class="row">
                        <div class="col-md-12">
                            <img src="img/s2.png" alt="">
                            <h3>5200</h3>
                            <span>SUBSCRIBERS</span>
                        </div>
                    </div>
                </div>
                <div class="col-md-3 mt-2">
                    <div class="row">
                        <div class="col-md-12">
                            <img src="img/s3.png" alt="">
                            <h3>273</h3>
                            <span>PROJECTS</span>
                        </div>
                    </div>
                </div>
                <div class="col-md-3 mt-2">
                    <div class="row">
                        <div class="col-md-12">
                            <img src="img/s4.png" alt="">
                            <h3>640k</h3>
                            <span>APPRECIATIONS</span>
                        </div>
                    </div>
                </div>
                <div class="col-md-3 mt-2">
                    <div class="row">
                        <div class="col-md-12">
                            <img src="img/s5.png" alt="">
                            <h3>123</h3>
                            <span>CLIENTS</span>
                        </div>
                    </div>
                </div>
            </div>
        </div>
</div>
<div class="tag">
        <div class="container">
            <div class="row">
                <div class="col-md-6 text-left">
                    <h3>GET IN TOUCH</h3>
                </div>
                <div class="col-md-6 text-right">
                    <span>Call us at (1800)765-4321 or</span>
                    <a href="">CONTACT US</a>
                </div>
            </div>
        </div>
</div>
<footer class="pb-4">
        <div class="container">
            <div class="row">
                <div class="col-md-4 mt-3">
                    <img src="img/f5.jpg" alt="">
                    <p class="mt-3">
                        Proactively aggregate B2B initiat before extenive
                        channerls.Monotonectally extend interactive methods of
                        empowerment through excellent applications.Radidously
                        synergize visionary products with sticky technology.
                    </p>
                    <p class="mt-3">
                        1234 North Main Street <br>
                        New York,NY 222222 <br>
                        Phone:(1800)765 - 4321 <br>
                        Email:email@yourdomain.com
                    </p>
                </div>
                <div class="col-md-4 mt-3 nd8">
                    <h5>USEFUL LINKS</h5>
                    <div class="row mt-4">
                        <div class="col-md-6">
                            <a href="">About US</a>
                        </div>
                        <div class="col-md-6">
                            <a href="">Press Kit</a>
                        </div>
                        <div class="col-md-6 mt-2">
                            <a href="">News</a>
                        </div>
                        <div class="col-md-6 mt-2">
                            <a href="">FAQ</a>
                        </div>
                        <div class="col-md-6 mt-2">
                            <a href="">Community</a>
                        </div>
                        <div class="col-md-6 mt-2">
                            <a href="">Terms</a>
                        </div>
                        <div class="col-md-6 mt-2">
                            <a href="">Career</a>
                        </div>
                        <div class="col-md-6 mt-2">
                            <a href="">Privacy Policy</a>
                        </div>
                        <div class="col-md-6 mt-2">
                            <a href="">Blog</a>
                        </div>
                        <div class="col-md-6 mt-2">
                            <a href="">Contact Us</a>
                        </div>
                    </div>
                </div>
                <div class="col-md-4 mt-3">
                    <h5>NEWSLETTER</h5>
                    <p class="mt-4">Get the latest update from us by subscribing to out newsletter.</p>
                    <div class="input_01">
                        <input type="text" placeholder="youremail@domain.com">
                        <button>SUBSCRIBE</button>
                    </div>
                    <h6 class="mt-4">GET CONNECTED</h6>
                    <img src="img/f1.jpg" class="mt-2 pr-2" alt="">
                    <img src="img/f2.jpg" class="mt-2 pr-2" alt="">
                    <img src="img/f3.jpg" class="mt-2 pr-2" alt="">
                    <img src="img/f4.jpg" class="mt-2 pr-2" alt="">
                </div>
            </div>
        </div>
    </footer>
   <div class="copyright">
        <div class="container">
            <div class="row text-center">
                <div class="col-md-12 qs">
                    More Templates - Collect from
                </div>
            </div>
        </div>
    </div>








<script src="https://cdn.bootcss.com/jquery/3.3.1/jquery.slim.min.js"></script>
        <script src="https://cdn.bootcss.com/popper.js/1.14.7/umd/popper.min.js"></script>
        <script src="https://cdn.bootcss.com/twitter-bootstrap/4.3.1/js/bootstrap.min.js"></script>
</body>
</html>

